<div class="m-apply" :important="mc_apply">
  <div class="m-container">
    <h1 class="u-title">
      签约
      <button :class="['btn', 'btn-shop', @sktid === 0 ? 'btn-success' : 'btn-disabled']" :click="bindApply">开通</button>
    </h1>
    <div :class="['u-tips', @getTipsIcon(@process)]">
      <i class="s-icon s-icon-default s-icon-tips"></i>
      {{@getTips(@process)}}
    </div>
    <div class="m-item">
      <i :class="['s-icon', 's-icon-step1', @getProcess(0, 'step')]"></i>
      <div class="borderimg-left"></div>
      <div class="content">
        <div class="left">
          <h2>资料审核</h2>
          <p>完善组织信息、联系人信息，授权芝麻信用等待审核。</p>
        </div>
        <div class="right">
          <a :class="@getStepStatus(0, 'class')"
          :attr="{href: @getStepStatus(0, 'href')}">{{@getStepStatus(0, 'text')}}</a>
          <a href="#!/myshop/apply/step1/view" class="f-c-blue">查看资料</a>
        </div>
      </div>
    </div>
    <div class="m-item">
      <i :class="['s-icon', 's-icon-step2', @getProcess(1, 'step')]"></i>
      <div class="borderimg-left"></div>
      <div class="content">
        <div class="left">
          <h2>协议签署</h2>
          <p>确认商户信息，在线签署<a class="f-c-blue" href="" target="_blank">《烽报店铺协议》</a></p>
        </div>
        <div class="right">
          <a href="javascript:;"
          :class="@getStepStatus(1, 'class')"
          :click="@bindGetContract">{{@getStepStatus(1, 'text')}}</a>
          <a href="#!/myshop/apply/step2/view" class="f-c-blue" target="_blank">合作合同</a>
        </div>
      </div>
    </div>
    <div class="m-item">
      <i :class="['s-icon', 's-icon-step3', @getProcess(2, 'step')]"></i>
      <div class="borderimg-left"></div>
      <div class="content">
        <div class="left">
          <h2>选店铺模板</h2>
          <p>选择符合主体的店铺模版</p>
        </div>
        <div class="right">
          <a :class="@getStepStatus(2, 'class')"
          :attr="{href: @getStepStatus(2, 'href')}">{{@getStepStatus(2, 'text')}}</a>
          <a href="#!/myshop/apply/step3/edit" class="f-c-blue">全部店铺模板</a>
        </div>
      </div>
      </div>
    <div class="m-item">
      <i :class="['s-icon', 's-icon-step4', @getProcess(3, 'step')]"></i>
      <div class="borderimg-left"></div>
      <div class="content">
        <div class="left">
          <h2>第三方授权</h2>
          <p>需要通过微信、支付宝第三方平台授权实现店铺管理功能。</p>
        </div>
        <div class="right">
          <a :class="@getStepStatus(3, 'class')"
          :attr="{href: @getStepStatus(3, 'href')}">{{@getStepStatus(3, 'text')}}</a>
          <a href="javascript: void(0);" class="f-c-blue">将网页店铺发布到微信、支付宝上</a>
        </div>
      </div>
    </div>
  </div>
  <div class="m-container">
    <h1 class="u-title">申请条件</h1>
    <ul class="m-rules">
      <h2>开通店铺需满足以下条件：</h2>
      <li class="item">芝麻信用超过550分</li>
      <li>
        <ul class="m-rules">
          <h3>店铺高级功能“服务商”企业认证需要满足以下条件：</h3>
          <li class="item">企业工商信息查询有效；</li>
          <li class="item">企业芝麻信用分超过1400；</li>
        </ul>
        <ul class="m-rules">
          <h3>店铺高级功能“服务商”个人认证需要满足以下条件：</h3>
          <li class="item">个人芝麻信用分超过650；</li>
          <li class="item">行业关注名单未有历史违约记录，无不良记录；</li>
          <li class="item">欺诈关注清单无记录；</li>
          <li class="item">个人涉诉记录无；</li>
        </ul>
      </li>
    </ul>
  </div>
  <div class="m-container">
    <h1 class="u-title">活动号介绍</h1>
    <ul class="m-active">
      <li class="content">
        <div class="u-imgcon"><img src="./icon_huodonghao.png" alt=""></div>
        <h1>活动号</h1>
      </li>
      <li class="item">烽报为企业、组织和个人提供持续创造持续影响力的服务平台</li>
      <li class="item">活动号连结线上线下的活动服务</li>
      <li class="item">组织可以通过活动号对用户进行消息推送、服务输出、交易场景打通和会员分层</li>
    </ul>
  </div>
  <div class="m-container">
    <h1 class="u-title">服务协议</h1>
  </div>
</div>
